<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.wrapper {
				width: 100px;
				border: 1px solid green;
				white-space: nowrap;
			}
			.content-wrapper{
				display: inline-block;
				width: 60px;
				text-overflow: ellipsis;
				overflow: hidden;
				white-space: nowrap;
			}
			.content {
				display: inline-block;
				width: auto;
			}
			
			.logo {
				display: inline-block;
			}
		</style>
	</head>

	<body>
		<h1>测试文本溢出显示省略号在Firefox下表现不好</h1>
		<div class="wrapper">
			<div class="logo">logo</div>
			<div class="content-wrapper">
				<div class="content">abcabcabc</div>
			</div>
		</div>
		<div class="wrapper">
			<div class="logo">logo</div>
			<div class="content-wrapper">
				<div class="content">abcabcabc</div>
			</div>
		</div>
		<div class="wrapper">
			<div class="logo">logo</div>
			<div class="content-wrapper">
				<div class="content">abcabcabc</div>
			</div>
		</div>
	</body>

</html>